.wraper{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #F2F4F7;
	opacity: 0;
	transition: all 0.3s linear;
}
.wraper.isMYKEY .line{
	display: none;
}
.wraper.isMYKEY .nav-bar{
	height: 0.3rem;
	background: #fff;
}
.wraper.isMYKEY .nav-bar .arrow,.wraper.isMYKEY .nav-bar span{
	opacity: 0;
}
.wraper.on{
	opacity: 1;
}
.line{background-color: #fff;}
.line.iphone{
	height: 20px;
}
.line.iphone.iphoneX{
	height: 40px;
}
.nav-bar{
	background-color: #fff;
	margin-bottom: 0;
}
.nav-bar .arrow{
	background-image: url('../../static/images/back-black.png');
}
.nav-bar span{
	color: #313d4c;
    padding-right: 15px;
    font-size: 0.29rem;
}
.content{
	background-color: #fff;
	padding: 0.32rem 15px 0.2rem 15px;
	margin-bottom: 10px;
}
.content .price{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.44rem;
	color: #2E3D4D;
}
.content .price span{
	display: block;
	width: 0.58rem;
	height: 0.58rem;
	margin-right: 0.15rem;
	float: left;
	transform: translate(0,-0.06rem);
}
.content .price img{
	width: 0.58rem;
	height: 0.58rem;
}
.content .info{
	text-align: center;
	padding-bottom: 0.4rem;
}
.content .info p.img{
	height: 1.45rem;
	padding-top: 0.6rem;
}
.content .info p.img img{
	width: 1.45rem;
}
.content .info h1{
	color: #2E3E4D;
	height: 0.4rem;
	font-size: 0.36rem;
	font-weight: 600;
	padding: 0.2rem 0 0 0;
}
.content .info p.desc{
	color: #6D7E8F;
	font-size: 0.29rem;
	padding-top: 0.2rem;
}
.list{
	background-color: #fff;
	border-bottom: 1px solid #eee;
	padding: 0 15px;
}
.list li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 0.9rem;
	line-height: 0.9rem;
	font-size: 0.29rem;
	border-bottom: 1px solid #eee;
}
.list li:last-child{
	border:0;
}
.list li span{
	color: #6D7E8F
}
.list li b{
	color: #2E3D4D;
	font-weight: normal;
}
div.desc{
	color: #6D7E8F;
	font-size: 0.25rem;
	padding: 0.4rem 15px;
	line-height: 1.4;
}






